<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Brops Dox</title>
        <script type="text/javascript" src="script/ajax_login.js"></script>
        <link href="styles/styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="mainWrap">
            <div id="mainPanel">
                <div id="menu">
                    <ul>
                        <li id="current"><a  id="current" href="index.php"><span>Home</span></a></li>
                        <li><div class="blank"></div></li>
                        <li><a href="register.php"><span>Register</span></a></li>
                        <li><div class="blank"></div></li>
                        <li><a href="#"><span>About Us</span></a></li>
                    </ul>
                </div>
                <div id="logoWrap"><h1>Brops Dox</h1></div>
                <div id="loginPanel">
                    <h2>User Login</h2>
                    <form name="form1" method="post" action="javascript:login()">
                    <input name="myusername" id="myusername" type="text" value="User Name" onfocus="if(this.value=='User Name')this.value=''" onblur="if(this.value=='')this.value='User Name'"/>
                    <div class="blank"></div>
                    <input name="mypassword" id="mypassword" type="password" value="Password" onfocus="if(this.value=='Password')this.value=''" onblur="if(this.value=='')this.value='Password'"/>
                    <div id="login_response"></div>
                    <p>Not yet a Member? <a href="register.html">Register Now</a></p>
                    <!--<a href="#" class="login">Login</a>-->
                    <input class="login" type="submit" name="select" value="Login" />
                    </form>
                </div>
                <div id="quots"><p>"Cloud Computing is Now A Great Technology to Store Your Files"</p></div>
            </div>
            
    </body>
</html>
